import {
    ElButton,
    ElFormItem,
    ElForm,
    ElInput,
    ElCheckbox,
    ElOption,
    ElSelect,
    ElContainer,
    ElAside,
    ElHeader,
    ElMain,
    ElCol,
    ElRow,
    ElImage,
    ElAvatar,
    ElMenu,
    ElSubmenu,
    ElMenuItem,
    ElMenuItemGroup,
    ElTable,
    ElTableColumn,
    ElSwitch,
    ElBreadcrumbItem,
    ElBreadcrumb,
    ElPagination,
    ElCascader
} from "element-plus";


const components = [
    ElCascader,
    ElPagination,
    ElBreadcrumb,
    ElBreadcrumbItem,
    ElSwitch,
    ElTableColumn,
    ElTable,
    ElButton,
    ElFormItem,
    ElForm,
    ElInput,
    ElCheckbox,
    ElOption,
    ElSelect,
    ElContainer,
    ElAside,
    ElHeader,
    ElMain,
    ElCol,
    ElRow,
    ElImage,
    ElAvatar,
    ElMenu,
    ElSubmenu,
    ElMenuItem,
    ElMenuItemGroup
]
const plugins = [
]

const installElement = (app) => {
    components.forEach((component) => {
        app.component(component.name, component)
    })

    plugins.forEach((plugin) => {
        app.use(plugin)
    })
}

export {
    installElement
}